page{color:#000; line-height:1.42858;background:#fff; font-size: 28rpx; font-family:Arial, Helvetica;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

view,button,input,textarea,select,text{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
image{ vertical-align: middle;}
button,input,textarea,select,.radio{ -webkit-appearance: none; appearance: none; border: none; resize: none; outline: none;  }
.clearfix { display:block; zoom:1; }
.clearfix::after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.clear{clear:both;}
.fr{ float: right;}
.tc{ text-align: center;}
.tr{ text-align: right;}
.f-flex{display: flex;}
.f-flex-center{display: flex;align-items: center;}
.f-flex-between{display: flex;align-items: center;justify-content: space-between;}
.f-col-center{align-items: center;}
.f-row-between{justify-content: space-between;}
.mt88{margin-top: 88rpx;}
.f-black{color: #000 !important;}
.f-white{color: #fff !important;}
.f-green{color: #06B65B !important;}
.f-red{color: #DD181C !important;}
.f30{font-size: 30rpx !important;}
.f32{font-size: 32rpx !important;}
.f34{font-size: 34rpx !important;}


.hidden{ display: none; }
.icon{display: inline-block; position: relative;vertical-align: middle;bottom: 2rpx;}

.base-btn{padding:60rpx 50rpx;}
.base-btn > text{height: 90rpx; line-height: 90rpx;  text-align: center; color: #fff; font-size: 32rpx; background:#06B65B; border-radius: 50rpx;display: block;}
.base-btn > text:hover{background-color: #03AD55;}
.base-btn-disable > text{background-color: #ddd;}
.base-btn-disable > text:hover{background-color: #ddd;}

.fixed-b-btn{position: fixed; bottom: 0; left: 0; right: 0;z-index: 9; background: linear-gradient(to top, rgba(255,255,255, 1), rgba(255,255,255, 0));}
.fixed-b-btn .base-btn{padding:40rpx 50rpx;}
/* .fixed-b-btn{height: 180rpx; position: fixed; bottom: 0; left: 0; right: 0; z-index: 998;background:url(~@/static/img/bg_fixed_btn.png) 0 0 no-repeat;background-size: cover;padding: 50rpx 96rpx 0;}
.fixed-b-h160-btn{height: 160rpx;padding-top: 30rpx;}
.fixed-b-btn text{height: 96rpx; line-height: 96rpx; color: #fff; font-size: 34rpx; background-color: #ff3c3e; border-radius: 50px;display: flex; align-items: center;justify-content: center;transition: 0.3s;}
.fixed-b-btn text:hover{background-color: #f53436} */

.fixed-b-btn .btn-gray{background-color: #aaa;}
.fixed-b-btn .btn-gray:hover{background-color: #aaa;}

.divider{height:26rpx;font-size:0px;background-color:#f8f8f8; line-height:0; position: relative;}
.header-divider{position: fixed;z-index: 9;left: 0;right: 0;top: 0;height: 2rpx;background-color: #fff;}

.border-b1,.border-t1,.border-r1,.border-dashed-b1{position: relative}
.border-b1:before,.spacer:before,.header-divider:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2rpx;
  border-bottom: 2rpx solid #7c7a95;
  color: #7c7a95;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.border-t1:after,.spacer:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 2rpx;
  border-top: 2rpx solid #7c7a95;
  color: #7c7a95;
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.border-r1:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 2rpx;
  border-right: 2rpx solid #7c7a95;
  color: #7c7a95;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}

.border-dashed-b1:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2rpx;
  border-bottom: 2rpx dashed #7c7a95;
  color: #7c7a95;
  -webkit-transform-origin:0 100%;
          transform-origin:0 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}

.border-t0:after{height: 0; border-top: 0;}
